Page 102 - 2629_Devagiri_C-5
P. 102

3.   TextBox: Lets users enter text, like a name or
                      email.

                  4.  Image: Displays pictures on the screen.                        You can search for any UI
                                                                                     components that are not
                  5.  ListView: Shows a list of items such as text,
                      images or buttons.                                            visible on the home screen
                                                                                    by typing their name in the
                  6.  Switch: A  toggle  with  On and  Off  states,                         search box.

                      similar to a checkbox.




                          BLOCKS EDITOR AND ITS INTERFACE



                  In MIT App  Inventor, the  Blocks  Editor is  where you  design  your  app’s  actions.
                  You can drag and drop blocks to make things happen, like showing a message
                  or changing the screen, much like assembling a puzzle. The Blocks Editor lets you

                  program the app’s behaviour by putting blocks together.


                                                                                                              Blocks
                                                                                                              Button




                          Built-in Blocks


                                                                            Blocks

                   Component-Specific
                                Drawers
                                                                                                              Viewer





                  The important sections of the blocks editor window:

                       Built-in Blocks: These are the basic blocks in MIT App Inventor (e.g., Control,

                      Math, Text) used to program app behaviour.
                       Component-Specific Drawers: Each component (e.g., Button, Label) has its own set

                      of blocks for controlling actions and settings.
                       Blocks Button: Switches you from the design area to the blocks area to write the

                      app’s code.
                       Viewer: The viewer is where you drag and drop blocks to create your app’s
                      functionality by connecting them like puzzle pieces.





                 100      Premium Edition-V
   97   98   99   100   101   102   103   104   105   106   107